<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Compressor</title>
<link href="css/cssPacker.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div  style="margin:20px auto;text-align:center;">
<fieldset>
<span class="compressor_title">CSS Input - Enter css code in the box below</span>
<form name="gombal1">
<input class="clik" onclick="javascript:this.form.area_1.focus();this.form.area_1.select();" value="Select All" type="button"/><input class="clik" onclick="javascript:this.form.area_1.value='';" value="Clear" type="button"/> &nbsp;&nbsp;<button class="clik" accesskey="c" onclick="javascript:runCompression();" type="button" value="Compress"><b style="color:red;margin:0 20px;">Compress</b></button><span style="margin-left:30px;">Input Size:</span><input class="cssValue" id="sizeInput" readonly="readonly" type="text" /><br />
<textarea name="area_1" cols="75" id="fileInput" onkeyup="javascript:compressCSS();" rows="10"></textarea></form><br/>
<b>Compression Options:</b>
  <label>
    <input checked="checked" id="commentsCSS" type="checkbox" />No Comments
  </label>
  <label>
    <input checked="checked" id="perSyntax" type="checkbox" />Hight/Highest
  </label>
</fieldset>
<br /><br />
<fieldset><span class="compressor_title">Compressed CSS</span>
<form name="gombal2">
<input class="clik" type="button" onclick="javascript:this.form.area_2.focus();this.form.area_2.select();" value="Select All"/><span style="margin-left:30px;">Output Size</span> : <input class="cssValue" id="sizeOutput" readonly="readonly" />
<span style="margin-left:30px;">Compression ratio: </span><input class="cssValue" id="compressValue" readonly="readonly" /><br />
<textarea name="area_2" cols="75" id="fileOutput" readonly="readonly" rows="10"></textarea>
</form>
</fieldset>
<script src="js/CSSpacker.js" type="text/javascript"></script>
</div>
<div style='clear: both;'></div>
</body>
</html>